<?
/*
 * En este template creo dos tablas en una muestro la lista de equipos que aun no estan en el Fixture
 * en la otra tabla muestro la lista de equipos y sus rivales, el primer equipo es el Local.
 * El is New sirve para mostralo solo en edit y no en new.
 */
?>

<?php if (!$form->isNew()): ?>
<?php use_helper('Javascript')?>

<div id="fixture_actualizar_detalle">
    <div id="confirmacion" class="notice" style="display: none"></div>
    <div id="error" class="error" style="display: none"></div>
<table>
<td>
<?php if ($form->EquiposQueNoEstanEnFixture):?>
<table id ="fixture_listadeequipos">
    <thead>
        <tr>
            <th>Item</th>
            <th>Equipo</th>
            <th>Acciones</th>
        </tr>
    </thead>
    <tbody>
        <?php $e=1;foreach($form->EquiposQueNoEstanEnFixture as $EquiposAElegir): ?>
        <tr>
            <td><?php echo $e++?></td>
            <td><?php echo $EquiposAElegir->getNombre();$id =$EquiposAElegir->getId() ?></td>
            <td>
                <input type="button" id ="btn_agregar_equipo_<?php echo $id ?>" value="Agregar" onclick="agregar_equipo(<?php echo $id ?>)">
                <?php echo image_tag('loader.gif','alt=Agregar size=20x20 style= display:none id=loader_agregar_equipo_'.$id)?>

            </td>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>
<?php endif;?>
    </td>
    <td>
    <?php echo form_remote_tag(array(
    'update' => array('success' => 'confirmacion','failure' => 'error'),
    'url' => 'fixture/confirmar_detalle',
    'loading' => "$('loader_submit').show()",
    'complete' => "$('loader_submit').hide()",
    'success' => "$('loader_submit').hide();$('confirmacion').show()",
    'failure' => "$('error').show()"
      ))?>
          <table id="fixture_detallefixture">
                <thead>
                    <tr>
                        <th>Item</th>
                        <th>Local</th>
                        <th>Visitante</th>
                        <th>Fecha</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    <?php $e=1;foreach($form->EquiposDelFixture as $Detallefixture):?>
                    <tr>
                        <td><?php echo ($e +1)/2?></td>
                        <td><?php echo $Detallefixture->getEquipoRelatedByLocalId(); $id = $Detallefixture->getId()?></td>
                        <td><?php $visitante = $Detallefixture->getEquipoRelatedByVisitanteId(); echo $visitante?></td>
                        <td>
                            <?php if ($visitante): ?>
                            <table>
                                <!--    -->
                                <th>Fecha:</th>
                                <td>
                                    <input name="id[]"  type="hidden" value="<?php echo $Detallefixture->getId()?>" />
                                    <input name="fecha[]" class="wgt_fecha" onfocus="fecha(this.id)" type="text" size="10" id="field<?php echo $e++?>" value="<?php echo $Detallefixture->getFecha('d-m-Y')?>" /></td>
                                <th>Hora:</th>
                                <td> <input name="hora[]" class="wgt_hora" onfocus="hora(this.id)" type="text" size="5" id="field<?php echo $e++?>"   value="<?php echo $Detallefixture->getFecha('H:i') ?>" /></td>

                           </table><?php endif;?></td>
                        <td>
                            <!--<input type="button" id ="btn_confirmar_detalle_<?php echo $id ?>" value="Confirmar" onclick="confirmar_detalle(<?php echo $id ?>, <?php echo $e-2?>)">
                            --><input type="button" id ="btn_borrar_detalle_<?php echo $id ?>" value="Borrar" onclick="borrar_detalle(<?php echo $id ?>)">
                            <?php echo image_tag('loader.gif','alt=Agregar size=20x20 style= display:none id=loader_borrar_detalle_'.$id)?>
                        </td>
                    </tr>
                    <?php endforeach?>
                </tbody>
            </table>
           <div>
               <input type="submit" value="Confirmar">
               <?php echo image_tag('loader.gif','alt=Agregar size=20x20 style= display:none id=loader_submit')?>
           </div>
    </form>
    </td>
</table>
</div>
<?php endif ?>

<script type="text/javascript">
/* <![CDATA[ */
function agregar_equipo(id){
    jQuery('.notice').hide();
   //Codigo Antiguo de jQuery, reemplaze por Prototype
   /* jQuery.ajax({
          url:'<?php echo url_for('fixture/agregar_equipo')?>',
          data:'equipo_id='+id+'&fixture_id='+jQuery('#fixture_id').val(),
          type:'POST',
          success: function(html){
              jQuery('#fixture_actualizar_detalle').html(html)
          },
          error: function(html){
              alert('Sucedio un Error!!!');
              jQuery('#error').html(html);
          }
    });*/
    //Nuevo
    new Ajax.Updater({success:'fixture_actualizar_detalle', failure:'error'},
                   '<?php echo url_for('fixture/agregar_equipo')?>',
                   {asynchronous:true, evalScripts:false,
                       onLoading:function(request, json){$('btn_agregar_equipo_'+id).hide();$('loader_agregar_equipo_'+id).show()},
                       parameters:'equipo_id='+id+'&fixture_id='+$F('fixture_id')});
    //Hasta Aca
    }
function borrar_detalle(id){
      /*jQuery.ajax({
          url: '<?php echo url_for('fixture/borrar_detalle')?>',
          data: 'detallefixture_id='+id+'&fixture_id='+jQuery('#fixture_id').val(),
          type: 'POST',
          success: function(html){
              jQuery('#fixture_actualizar_detalle').html(html)
          },
          error: function(html){
              jQuery('#error').html(html);
              alert('Sucedio un Error!!!');
              
          }
      });*/
      //Nuevo Codigo
      new Ajax.Updater({success:'fixture_actualizar_detalle', failure:'error'},
                   '<?php echo url_for('fixture/borrar_detalle')?>',
                   {asynchronous:true, evalScripts:false,
                       onLoading:function(request, json){$('btn_borrar_detalle_'+id).hide();$('loader_borrar_detalle_'+id).show()},
                       onComplete:function(request, json){$('btn_borrar_detalle_'+id).show();$('loader_borrar_detalle_'+id).hide()},
                       onFailure:function(request,json){$('error').show()},
                       parameters:'detallefixture_id='+id+'&fixture_id='+$F('fixture_id')});
     //Fin del Nuevo Codigo
     }
function confirmar_detalle(id,calendario_id){
    jQuery('.notice').hide();
    jQuery('.error').hide();
    new Ajax.Updater({success:'confirmacion', failure:'error'},
                   '<?php echo url_for('fixture/confirmar_detalle')?>',
                   {asynchronous:true, evalScripts:false,
                       onLoading:function(request, json){$('btn_confirmar_detalle_'+id).hide();$('loader_borrar_detalle_'+id).show()},
                       onComplete:function(request, json){$('btn_confirmar_detalle_'+id).show();$('loader_borrar_detalle_'+id).hide()},
                       onSuccess:function(request,json){$('confirmacion').show()},
                       onFailure:function(request,json){$('error').show()},
                       parameters:'detallefixture_id='+id+'&fecha='+$F('field'+(calendario_id))+'&hora='+$F('field'+(calendario_id+1))});
     }

function fecha(id){
jQuery('#'+id).AnyTime_picker(
      { format: "%d-%m-%Y " ,
        labelTitle: "Seleccione la fecha",
        labelMonth: "Mes",
        labelDay:   "Día",
        labelYear:  "Año",
        labelYear:  "Año",
        labelDayOfMonth: "Dias del Mes"

      });
}
function hora(id){
    jQuery('#'+id).AnyTime_picker(
      { format: "%H:%i", labelTitle: "Hora",
        labelHour: "Hora", labelMinute: "Minuto" } );
}

function remover(id) {
    $("#"+id).AnyTime_noPicker().remove();
}


/* ]]> */
</script>